<template>
    <div>
        <input
                v-bind:value="value"
                v-on:input="$emit('input', $event.target.value)"
        >
        <br>
        <p>{{value}}</p>
<!--
为了让它正常工作，这个组件内的 <input> 必须：
将其 value attribute 绑定到一个名叫 value 的 prop 上
在其 input 事件被触发时，将新的值通过自定义的 input 事件抛出
-->
    </div>
</template>

<script>
    export default {
        name: "custom-input",
        props: ['value'],


    }
</script>

<style scoped>

</style>